<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>首页二</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="../lib/layui-v2.6.3/css/layui.css" media="all">
    <link rel="stylesheet" href="../lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
    <link rel="stylesheet" href="../css/public.css" media="all">
    <style>
        .layui-card {border:1px solid #f2f2f2;border-radius:5px;}
        .icon {margin-right:10px;color:#1aa094;}
        .icon-cray {color:#ffb800!important;}
        .icon-blue {color:#1e9fff!important;}
        .icon-tip {color:#ff5722!important;}
        .layuimini-qiuck-module {text-align:center;margin-top: 10px}
        .layuimini-qiuck-module a i {display:inline-block;width:100%;height:60px;line-height:60px;text-align:center;border-radius:2px;font-size:30px;background-color:#F8F8F8;color:#333;transition:all .3s;-webkit-transition:all .3s;}
        .layuimini-qiuck-module a cite {position:relative;top:2px;display:block;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:14px;}
        .welcome-module {width:100%;height:210px;}
        .panel {background-color:#fff;border:1px solid transparent;border-radius:3px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}
        .panel-body {padding:10px}
        .panel-title {margin-top:0;margin-bottom:0;font-size:12px;color:inherit}
        .label {display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;margin-top: .3em;}
        .layui-red {color:red}
        .main_btn > p {height:40px;}
        .layui-bg-number {background-color:#F8F8F8;}
        .layuimini-notice:hover {background:#f6f6f6;}
        .layuimini-notice {padding:7px 16px;clear:both;font-size:12px !important;cursor:pointer;position:relative;transition:background 0.2s ease-in-out;}
        .layuimini-notice-title,.layuimini-notice-label {
            padding-right: 70px !important;text-overflow:ellipsis!important;overflow:hidden!important;white-space:nowrap!important;}
        .layuimini-notice-title {line-height:28px;font-size:14px;}
        .layuimini-notice-extra {position:absolute;top:50%;margin-top:-8px;right:16px;display:inline-block;height:16px;color:#999;}
    </style>
</head>
<body>
<div class="layuimini-container">
    <div class="layuimini-main">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md8">
                <div class="layui-row layui-col-space15">
                    <div class="layui-col-md6">
                        <div class="layui-card">
                            <div class="layui-card-header"><i class="fa fa-warning icon"></i>数据统计</div>
                            <div class="layui-card-body">
                                <div class="welcome-module">
                                    <div class="layui-row layui-col-space10">
                                        <div class="layui-col-xs6">
                                            <div class="panel layui-bg-number">
                                                <div class="panel-body">
                                                    <div class="panel-title">
                                                        <span class="label pull-right layui-bg-blue">实时</span>
                                                        <h5>用户统计</h5>
                                                    </div>
                                                    <div class="panel-content">
                                                        <h1 class="no-margins">1234</h1>
                                                        <small>当前分类总记录数</small>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="layui-col-xs6">
                                            <div class="panel layui-bg-number">
                                                <div class="panel-body">
                                                    <div class="panel-title">
                                                        <span class="label pull-right layui-bg-cyan">实时</span>
                                                        <h5>商品统计</h5>
                                                    </div>
                                                    <div class="panel-content">
                                                        <h1 class="no-margins">1234</h1>
                                                        <small>当前分类总记录数</small>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="layui-col-xs6">
                                            <div class="panel layui-bg-number">
                                                <div class="panel-body">
                                                    <div class="panel-title">
                                                        <span class="label pull-right layui-bg-orange">实时</span>
                                                        <h5>浏览统计</h5>
                                                    </div>
                                                    <div class="panel-content">
                                                        <h1 class="no-margins">1234</h1>
                                                        <small>当前分类总记录数</small>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="layui-col-xs6">
                                            <div class="panel layui-bg-number">
                                                <div class="panel-body">
                                                    <div class="panel-title">
                                                        <span class="label pull-right layui-bg-green">实时</span>
                                                        <h5>订单统计</h5>
                                                    </div>
                                                    <div class="panel-content">
                                                        <h1 class="no-margins">1234</h1>
                                                        <small>当前分类总记录数</small>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-md6">
                        <div class="layui-card">
                            <div class="layui-card-header"><i class="fa fa-credit-card icon icon-blue"></i>快捷入口</div>
                            <div class="layui-card-body">
                                <div class="welcome-module">
                                    <div class="layui-row layui-col-space10 layuimini-qiuck">
                                        <div class="layui-col-xs3 layuimini-qiuck-module">
                                            <a href="javascript:;" layuimini-content-href="views/userInfo/UserInfoList.html" data-title="人员管理" data-icon="fa fa-window-maximize">
                                                <i class="fa fa-window-maximize"></i>
                                                <cite>人员管理</cite>
                                            </a>
                                        </div>
                                        <div class="layui-col-xs3 layuimini-qiuck-module">
                                            <a href="javascript:;" layuimini-content-href="work/dowork.html" data-title="排班管理" data-icon="fa fa-gears">
                                                <i class="fa fa-gears"></i>
                                                <cite>排班管理</cite>
                                            </a>
                                        </div>
                                        <div class="layui-col-xs3 layuimini-qiuck-module">
                                            <a href="javascript:;" layuimini-content-href="page/Outpatient/RegisterList.html" data-title="表格示例" data-icon="fa fa-file-text">
                                                <i class="fa fa-file-text"></i>
                                                <cite>门诊管理</cite>
                                            </a>
                                        </div>
                                        <div class="layui-col-xs3 layuimini-qiuck-module">
                                            <a href="javascript:;" layuimini-content-href="page/Outpatient/RecordList.html" data-title="图标列表" data-icon="fa fa-dot-circle-o">
                                                <i class="fa fa-dot-circle-o"></i>
                                                <cite>病人病历</cite>
                                            </a>
                                        </div>
                                        <div class="layui-col-xs3 layuimini-qiuck-module">
                                            <a href="javascript:;" layuimini-content-href="page/form.html" data-title="表单示例" data-icon="fa fa-calendar">
                                                <i class="fa fa-calendar"></i>
                                                <cite>门诊项目</cite>
                                            </a>
                                        </div>
                                        <div class="layui-col-xs3 layuimini-qiuck-module">
                                            <a href="javascript:;" layuimini-content-href="page/404.html" data-title="404页面" data-icon="fa fa-hourglass-end">
                                                <i class="fa fa-hourglass-end"></i>
                                                <cite>404页面</cite>
                                            </a>
                                        </div>
                                        <div class="layui-col-xs3 layuimini-qiuck-module">
                                            <a href="javascript:;" layuimini-content-href="page/button.html" data-title="按钮示例" data-icon="fa fa-snowflake-o">
                                                <i class="fa fa-snowflake-o"></i>
                                                <cite>按钮示例</cite>
                                            </a>
                                        </div>
                                        <div class="layui-col-xs3 layuimini-qiuck-module">
                                            <a href="javascript:;" layuimini-content-href="https://www.baidu.com" data-title="百度搜索" data-icon="fa fa-search">
                                                <i class="fa fa-search"></i>
                                                <cite>百度搜索</cite>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="layui-col-md12">
                        <div class="layui-card">
                            <div class="layui-card-header"><i class="fa fa-line-chart icon"></i>病人科室年龄统计</div>
                            <div class="layui-card-body">
                                <div id="echarts-records" style="width: 100%;min-height:500px"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-col-md4">

                <div class="layui-card">
                    <div class="layui-card-header"><i class="fa fa-bullhorn icon icon-tip"></i>系统公告</div>
                    <div class="layui-card-body layui-text">
                        <div class="layuimini-notice">
                            <div class="layuimini-notice-title">医院介绍</div>
                            <div class="layuimini-notice-content layui-hide">
                                　　 医院总占地面积10.28万平米，建筑面积21万平米。<br>
                                     职工4300余人。床位1900张，拥有59个临床和医技科室，学科设置门类齐全，综合救治能力强大。<br>
                                     年门急诊量约380万余人次，年收治住院病人8.9万余人次，手术约3.4万余例次。<br>
                                　　 医院拥有包括1.5T和3.0T磁共振成像系统、PET-CT、超高端双源CT、全数字直线加速器、数字减影血管造影X线机、数字化彩色超声波诊断仪、平板数字胃肠造影机、全自动生化流水线等医疗设备。
                            </div>
                        </div>
                        <div class="layuimini-notice">
                            <div class="layuimini-notice-title">学科技术优势突出</div>
                            <div class="layuimini-notice-content layui-hide">
                                　呼吸病学科是国家重点学科，同时拥有重症医学科、麻醉科、心血管内科、职业病科、临床护理专业、呼吸内科、急诊医学科、检验科等8个国家临床重点专科。<br>
                                医院在以下技术领域在国内具有突出优势，包括：脏器支持技术、器官移植技术、微创手术技术、介入治疗技术、人工假体技术、人工辅助生殖技术、分子生物学与基因诊疗技术。
                            </div>
                        </div>
                        <div class="layuimini-notice">
                            <div class="layuimini-notice-title">科学研究实力强大</div>
                            <div class="layuimini-notice-content layui-hide">
                                医院重视学科建设和研究平台建设，出台了《科研工作奖励办法》等一系列科研激励政策。<br>
                                　医院加大人才培养力度，出台促进人才成长的一系列相关政策，建立人才培养长效机制。吸引海外优秀人才。以落实“1351人才培养计划”为抓手，加强各层次人才队伍建设。<br>
                            </div>
                        </div>
                        <div class="layuimini-notice">
                            <div class="layuimini-notice-title">医院管理规范高效</div>
                            <div class="layuimini-notice-content layui-hide">
                                医院建立并落实现代医院管理制度。建立现代医院管理制度，推行扁平化、精简高效的行政管理机制，建立大部制推行主诊医师负责制，探索以治疗小组为单位的床位动态管理和考核的运行机制。建立灵活的用人机制，在全院范围内推行岗位管理、评聘分开。实施护士岗位垂直管理，按需设岗、按岗聘用，细化护理人员绩效分配方案。完善绩效考核体系，调整薪酬结构，着力体现医务人员的技术劳务价值，充分调动广大医务人员的积极性。<br>
                                加强医疗质量与安全管理。督察医疗核心管理制度落实，加强病案质量管理和处方管理，严格医院感染防控、监测及传染病疫情管理，强化医患沟通教育，树立医疗安全意识，建立医疗纠纷的早期干预机制，开展法律法规培训，增强医务人员的法律、责任意识，降低医疗纠纷发生率。发挥信息技术优势，建立我院医疗质量管理体系。加强不良事件上报和危急值报告制度落实。完善医务人员培训考核体系。<br>

                            </div>
                        </div>
                        <div class="layuimini-notice">
                            <div class="layuimini-notice-title">医院文化</div>
                            <div class="layuimini-notice-content layui-hide">
                                　战略定位：以先进文化为引导、人才培养为基础、科研创新为动力、疑难病症为重点、专病专科为特色，建设多学科协调发展的国际化现代医学中心。<br>
                                　　院训：精医重道 和合致远<br>
                                发展路径：追求三个“领先”，致力两个“提升”<br>
                            </div>
                        </div>
                        <div class="layuimini-notice">
                            <div class="layuimini-notice-title">医院使命与宗旨</div>
                            <div class="layuimini-notice-content layui-hide">
                                　核心价值观：德医双馨 生命至上<br>

                                　　管理理念：以人为本 规范高效<br>

                                　　学习理念：博采众长 敏学笃行<br>

                                　　人才理念：崇德重能 人尽其才<br>

                                　　团队理念：包容协作 同心同行<br>

                                　　服务理念：恪尽职守 传递温暖<br>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="layui-card">
                    <div class="layui-card-header"><i class="fa fa-fire icon"></i>版本信息</div>
                    <div class="layui-card-body layui-text">
                        <table class="layui-table">
                            <colgroup>
                                <col width="100">
                                <col>
                            </colgroup>
                            <tbody>
                            <tr>
                                <td>医院名称</td>
                                <td>
                                    XXX医院
                                </td>
                            </tr>
                            <tr>
                                <td>地址</td>
                                <td>XXXXXXXXX</td>
                            </tr>
                            <tr>
                                <td>学科技术优势</td>
                                <td>重症医学科、麻醉科、心血管内科、临床护理专业、急诊医学科</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

                <div class="layui-card">
                    <div class="layui-card-header"><i class="fa fa-paper-plane-o icon"></i>医院文化</div>
                    <div class="layui-card-body layui-text layadmin-text">
                        <table class="layui-table">
                            <colgroup>
                                <col width="100">
                                <col>
                            </colgroup>
                            <tbody>
                            <tr>
                                <td>核心价值观</td>
                                <td>
                                    德医双馨 生命至上
                                </td>
                            </tr>
                            <tr>
                                <td>管理理念</td>
                                <td>以人为本 规范高效</td>
                            </tr>
                            <tr>
                                <td>学习理念</td>
                                <td>博采众长 敏学笃行</td>
                            </tr>
                            <tr>
                                <td>人才理念</td>
                                <td>崇德重能 人尽其才</td>
                            </tr>
                            <tr>
                                <td>团队理念</td>
                                <td>包容协作 同心同行</td>
                            </tr>
                            <tr>
                                <td>服务理念</td>
                                <td>恪尽职守 传递温暖</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
<script src="../lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
<script src="../js/lay-config.js?v=1.0.4" charset="utf-8"></script>
<script>
    layui.use(['layer', 'miniTab','echarts'], function () {
        var $ = layui.jquery,
            layer = layui.layer,
            miniTab = layui.miniTab,
            echarts = layui.echarts;

        miniTab.listen();

        /**
         * 查看公告信息
         **/
        $('body').on('click', '.layuimini-notice', function () {
            var title = $(this).children('.layuimini-notice-title').text(),
                noticeTime = $(this).children('.layuimini-notice-extra').text(),
                content = $(this).children('.layuimini-notice-content').html();
            var html = '<div style="padding:15px 20px; text-align:justify; line-height: 22px;border-bottom:1px solid #e2e2e2;background-color: #2f4056;color: #ffffff">\n' +
                '<div style="text-align: center;margin-bottom: 20px;font-weight: bold;border-bottom:1px solid #718fb5;padding-bottom: 5px"><h4 class="text-danger">' + title + '</h4></div>\n' +
                '<div style="font-size: 12px">' + content + '</div>\n' +
                '</div>\n';
            parent.layer.open({
                type: 1,
                title: '系统公告'+'<span style="float: right;right: 1px;font-size: 12px;color: #b1b3b9;margin-top: 1px">'+noticeTime+'</span>',
                area: '300px;',
                shade: 0.8,
                id: 'layuimini-notice',
                btn: ['取消'],
                btnAlign: 'c',
                moveType: 1,
                content:html,
                success: function (layero) {
                    var btn = layero.find('.layui-layer-btn');
                    btn.find('.layui-layer-btn0').attr({
                        //href: 'https://gitee.com/zhongshaofa/layuimini',
                        target: '_blank'
                    });
                }
            });
        });

        /**
         * 报表功能
         */
        var echartsRecords = echarts.init(document.getElementById('echarts-records'), 'walden');
        var optionRecords = {
            tooltip: {
                trigger: 'axis'
            },
            legend: {
                data:['内科','外科']
            },
            grid: {
                left: '3%',
                right: '4%',
                bottom: '3%',
                containLabel: true
            },
            toolbox: {
                feature: {
                    saveAsImage: {}
                }
            },
            xAxis: {
                type: 'category',
                boundaryGap: false,
                data: ['0-10岁','10-20岁','20-30岁','30-40岁','40-50岁']
            },
            yAxis: {
                type: 'value'
            },
            series: [
                {
                    name:'内科',
                    type:'line',
                    data:[120, 132, 101,12,12]
                },
                {
                    name:'外科',
                    type:'line',
                    data:[220, 182, 191,23,12]
                }
            ]
        };
        echartsRecords.setOption(optionRecords);
        //ajax 请求接口
        $.get("/api/homepage/echarts.do",function(res){
            if(res.code==200){
                optionRecords.series[0].data=res.data.nums;
                optionRecords.series[1].data=res.data.nums1;
                echartsRecords.setOption(optionRecords);
            }

        })


        // echarts 窗口缩放自适应
        window.onresize = function(){
            echartsRecords.resize();
        }

    });
</script>
</body>
</html>
